<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <div></div>
</body>

</html>
<script src="jQuery版本/jquery-3.0.0.js"></script>
<script>
    $(document).ready(function() {
        $('div').width(100).height(100).css('border', '1px solid red').text("hello");
    });
</script>
<!-- 
    1.引入jquery文件
    2.写一个入口函数
    3.找到你操作的元素(jQuery选择器)，去操作他(给他属性，样式，文本.....)
    4.jQuery是使用链式编程
    5.版本问题
        1.x 支持老浏览器版本ie678   不更新
        2.x 不支持老浏览器          不更新
        3.x 不支持老浏览器          更新中
    6.jQuery入口函数的两种写法
        $(document).ready(funtion(){});
        $(funtion(){});
    7.jQuery入口函数和window.onload入口函数的区别
        window.onload不可以写多个
        jQuery入口函数可以写多个
        执行时机不同，jQuery入口函数先执行
            jQuery入口函数要等待界面上的DOM树加载完后执行
            window.onload要等待界面上所有的资源(dom树/外部css/js链接/图片)都加载完毕后执行
    8.$是什么
       $和jQuery是等价的他本质就是一个函数 
    9.jquery文件结构
        jquery文件本质是一个自执行匿名函数
        (funtion(){
            window.jQuery = window.$ = jQuery;
        }());
    10.执行jQuery文件本质上是给window对象添加一个.$和.jQuery    
    11.$是一个函数
        11.1如果参数传递的是一个匿名函数-入口函数
            $(funtion(){

            });
        11.2如果参数传递的是一个字符串-选择器/创建一个标签
            $('#one');
            $('<div>holle</div>');
        11.3如果参数是一个dom对象，则会把dom对象转换成一个jQuery对象
            $(dom对象)； 
    12.dom对象和jQuery对象
        12.1dom对象：
            原生js选择器获取到的对象就是dom对象
                domcument.getElementById("");
                domcument.getElementByTagName("");
            dom对象的特点：只能调用dom方法或者属性，不可以调用jQuery的方法或者属性
        12.2jQuery对象：
            使用jQuery对象获取到的对象
            特点：只能调用jQuery对象的方法或者属性，可以调用jsdom方法或者属性
            jQuery.fn.init[ , , ,]
            jQuery对象不是一个数组，他是一个伪数组，jQuery对象就是一个dom对象的一个包装集
    13.dom对象如何和jQuery对象互相转换
        dom对象转换jQuery对象
            var div1 = document.getElementById("one");
            var $div1 = $(div1);
        jQuery对象转换成一个dom对象
            方法一：使用下标取出来
                var $divs = $('div');
                var div1 = $divs[0];
            方法二：使用jQuery方法(get方法)
                var div2 = $divs.get(1);
    14.jQuery特性
        14.1隐式迭代：他会隐式遍历
        14.2链式编程，在于一个方法的返回值是一个jQuery对象，既然是jQuery对象可以继续点出jQuery方法来
 -->